<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <style type="text/css">
    	/*div,ul,li,a{outline: 1px dotted;}*/
    	.header{
    		position: absolute;
    		top:20px;right:130px;
    	}
    	.header .nav>li{
    		list-style: none;
    		padding-left:20px;
    		float: left;
    		font-size:13px;
    		font-weight: 700;
    	}
    	.header li.login{
    		font-weight: normal;
    	}
    	.header ul{margin:0;padding:0; }
    	.header ul a:link{
			color:#333;
    	}
    	.header ul a:hover{
    		color:#00c;
    	}
    	.header .set>ul{
    		position:absolute;
    		top:22px;left:0;
    		width:70px;
    		border: 1px solid #333;
    		display: none;
    	}
    	.header .setp:hover #set{display:list-item;}
    	.header .set>ul li{
    		height:26px;line-height: 26px;
    		text-align: center;/*text-decoration: none;*/
    		/*outline:1px dotted;*/
			list-style: none;
    	}
    	.header .nav .set{
    		position:relative;
		}
		.header .nav .set li a{text-decoration: none;}
    </style>
</head>
<body>
	<div class="header">
		<ul class="nav">
			<li><a href="#">新闻</a></li>
			<li><a href="#">hao123</a></li>
			<li><a href="#">地图</a></li>
			<li><a href="#">视频</a></li>
			<li><a href="#">贴吧</a></li>
			<li><a href="#">学术</a></li>
			<li class="login"><a href="#">登录</a></li>
			<li class="login set"><a href="#">设置</a>
				<ul id="set">
					<li><a href="#">搜索设置</a></li>
					<li><a href="#">高级搜索</a></li>
					<li><a href="#">开启预测</a></li>
					<li><a href="#">搜索历史</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="main"></div>
	<div class="footer"></div>
</body>
</html>